<section id="about-us" class="container main">
	<div class="row-fluid">
      <!-- Left Column -->
      <div class="span5">
        <h3>Informaci&oacute;n personal</h3>
       <hr>
		
		<form class="form-horizontal">
            <div class="row-fluid">
              <label class="span4 align-right"><strong>Nobre :</strong></label>
              <label class="span8">Francisco Gonzalez guzman</label>
            </div>
            <div class="row-fluid">
              <label class="span4 align-right"><strong>Direcci&oacute;n :</strong></label>
              <label class="span8">Primera privada de oriente 17 entre Norte 2 y 4 #32</label>
            </div>
            <div class="row-fluid">
              <label class="span4 align-right"><strong>N&uacute;mero Social :</strong></label>
              <label class="span8">12345678655</label>
            </div>
            <div class="row-fluid">
              <label class="span4 align-right"><strong>CURP :</strong></label>
              <label class="span8">GOGF1258787</label>
            </div>
            <div class="row-fluid">
              <label class="span4 align-right"><strong>Saldo vigente :</strong></label>
              <label class="span8">$ 534.00</label>
            </div>
          </form>
         <hr>
         <hr>
         <hr>
         <hr>

     </div>
     <!-- /Left Column -->

     <!-- Right Column -->
     <div class="span7">
      <h3>Historial de vales</h3>
      <table class="table table-hover table-bordered">
					<thead>
						<tr>
							<th>ID</th>
							<th>No. Vale</th>
							<th>Fecha</th>
							<th>Monto</th>
							<th>Estado</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>1234-5678-4567-9876</td>
							<td>2014-03-01 16:33:54</td>
							<td> $ 500.00</td>
							<td  class="text-success"> COBRADO</td>
						</tr>
						<tr>
							<td>2</td>
							<td>1234-5678-4567-9876</td>
							<td>2014-03-01 16:33:54</td>
							<td> $ 500.00</td>
							<td  class="text-success"> COBRADO</td>
						</tr>
						<tr>
							<td>3</td>
							<td>1234-5678-4567-9876</td>
							<td>2014-03-01 16:33:54</td>
							<td> $ 500.00</td>
							<td class="text-error"> CANCELADO</td>
						</tr>
						<tr>
							<td>2</td>
							<td>1234-5678-4567-9876</td>
							<td>2014-03-01 16:33:54</td>
							<td> $ 500.00</td>
							<td  class="text-success"> COBRADO</td>
						</tr>
						<tr>
							<td>3</td>
							<td>1234-5678-4567-9876</td>
							<td>2014-03-01 16:33:54</td>
							<td> $ 500.00</td>
							<td> ACTIVO</td>
						</tr>
					</tbody>
				</table>
   </div>
   <!-- /Right Column -->

 </div>
</section>
<script type="text/javascript">
	$(".nav li").removeClass('active');
	$(".index").addClass('active');
</script>